<!DOCTYPE html>
<html>

<head>
    <!-- <meta http-equiv="refresh" content="0;url=./admin.html">  -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,user-scalable=no" />
    <title>NCUT 猫</title>
    <!-- jquery -->
    <script src="./lib/jquery.min.js"></script>
    <script src="./lib/jquery.form.js"></script>
    <!-- popper -->
    <script src="./lib/popper.min.js"></script>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="./lib/bootstrap.min.css">
    <link rel="stylesheet" href="./lib/bootstrap-theme.min.css">
    <script src="./lib/bootstrap.min.js"></script>
    <script src="./lib/bootstrap.bundle.min.js"></script>
    <!-- SHA256 -->
    <script type="text/javascript" src="./lib/core-min.js"></script>
    <script type="text/javascript" src="./lib/sha256.js"></script>
    <script type="text/javascript" src="./lib/enc-base64-min.js"></script>
    <!-- vue -->
    <script src="./lib/vue.js"></script>
    <!-- js -->
    <script src="./js/ConstData.js"></script>
    <script src="./js/navManager.js"></script>
    <script src="./js/foot-tab-bar.js"></script>
    <script src="./js/follow.js"></script>
    <script src="./js/tool.js"></script>
    <script src="./js/me.js"></script>
    <!-- css -->
    <link rel="stylesheet" type="text/css" href="./css/mainFrame.css">
    <link rel="stylesheet" type="text/css" href="./css/tab-bar.css">
    <link rel="stylesheet" type="text/css" href="./css/me.css">
    <!-- icon -->
    <script src="./icon/iconfont.js"></script>
    <style type="text/css">
    .icon {
        width: 1em;
        height: 1em;
        vertical-align: -0.15em;
        fill: currentColor;
        overflow: hidden;
    }
    </style>
</head>

<body>
    <span class="head">
        <img id="sketch" src="https://placehold.it/64x64&text=USER" />
        <span id="userName"></span>
        <span id="userTitle"><span>花花</span><span>雨露均沾</span></span>
        <span id="userInfo">喂猫:&nbsp;<span id="feedCat">7</span>&nbsp;&nbsp;获赞:&nbsp;<span id="upvote">529</span></span>
        <div id="topFunc" class="horizontalFunc">
            <a href="#nav_threads"><span id="dynamics">--</span><span>动态</span></a>
            <a href="#nav_fansfollow-follow"><span id="follows">--</span><span>关注</span></a>
            <a href="#nav_fansfollow-fans"><span id="fans">--</span><span>粉丝</span></a>
        </div>
    </span>
    <div id="main-content">
        <!--个人页面-->
        <span id="me" class="main-content" style="display: none;">
            <span class="title">我收到的</span>
            <span id="middleFunc" class="horizontalFunc">
                <a href="">
                    <svg class="icon" aria-hidden="true" style="border-color: #FF5370;color: #FF5370;">
                        <use xlink:href="#icon-heart"></use>
                    </svg>
                    <span>获赞</span>
                </a>
                <a href="">
                    <svg class="icon" aria-hidden="true" style="border-color: #50B1F6;color: #50B1F6;">
                        <use xlink:href="#icon-msg"></use>
                    </svg>
                    <span>评论</span>
                </a>
                <a href="">
                    <svg class="icon" aria-hidden="true" style="border-color: #1FC3AB;color: #1FC3AB;">
                        <use xlink:href="#icon-notice"></use>
                    </svg>
                    <span>通知</span>
                </a>
                <a href="">
                    <svg class="icon" aria-hidden="true" style="border-color: #FEBB7D;color: #FEBB7D;">
                        <use xlink:href="#icon-paw"></use>
                    </svg>
                    <span>足迹</span>
                </a>
            </span>
            <span id="bottomFunc" class="module-list">
                <!-- JS添加, 详见me.js -->
            </span>
        </span>
        <!--动态/收藏-->
        <span id="threads" class="main-content" style="display: none;">
            <svg style="font-size: 2em;margin: 1vw 0 0 3vw;color: #333;" onclick="location.hash=''" class="icon" aria-hidden="true">
                <use xlink:href="#icon-return"></use>
            </svg>
            <span id="threads_nav" class="sub_nav">
                <span id="nav_threads" class="active" data-content-init="getThread()">动态</span>
                <span id="nav_threads-star" data-content-init="getThread()">收藏</span>
            </span>
            <span>
                <span id="content_threads" class="module-list">
                    <!--JS添加-->
                </span>
                <span id="content_threads-star" class="module-list">
                    <!--JS添加-->
                </span>
            </span>
        </span>
        <!--关注/粉丝-->
        <span id="fansfollow" class="main-content" style="display: none;">
            <svg style="font-size: 2em;margin: 1vw 0 0 3vw;color: #333;" onclick="location.hash=''" class="icon" aria-hidden="true">
                <use xlink:href="#icon-return"></use>
            </svg>
            <span id="fansfollow_nav" class="sub_nav">
                <span id="nav_fansfollow-follow" data-content-init="getFansFollow()">关注</span>
                <span id="nav_fansfollow-fans" data-content-init="getFansFollow()">粉丝</span>
            </span>
            <span>
                <span id="content_fansfollow-follow" class="module-list">
                    <!--JS添加-->
                </span>
                <span id="content_fansfollow-fans" class="module-list">
                    <!--JS添加-->
                </span>
            </span>
        </span>
        <!-- 注册/登录 -->
        <span id="logIR" class="main-content" style="display: none;">
            <span id="logIR_nav" class="sub_nav">
                <span id="nav_logIR-login" class="active">登录</span>
                <span id="nav_logIR-register">注册</span>
            </span>
            <span class="logIR_content">
                <table id="content_logIR-login" class="table">
                    <tr>
                        <th colspan="2">
                            <h1 style="font-size: 1.5em;">登录</h1>
                        </th>
                    </tr>
                    <tr>
                        <td align="right" style="width:max-content;word-break:keep-all;">
                            <p>用户名:</p>
                        </td>
                        <td align="left"><input id="l_username" type="text" name="username" style="width: 99%" /></td>
                    </tr>
                    <tr>
                        <td align="right">
                            <p>密码:</p>
                        </td>
                        <td align="left"><input id="l_password" type="password" name="password" style="width: 99%" /></td>
                    </tr>
                    <tr>
                        <td colspan="2"><button type="button" class="btn btn-primary" onclick="login()">登录</button>
                        </td>
                    </tr>
                    <tr>
                        <td id="logIR-login-result" class="error" colspan="2"></td>
                    </tr>
                </table>
                <table id="content_logIR-register" class="table" style="display:none;">
                    <tr>
                        <th colspan="3">
                            <h1 style="font-size: 1.5em;">注册</h1>
                        </th>
                    </tr>
                    <tr>
                        <td align="right">
                            <p>用户名:</p>
                        </td>
                        <td align="left" colspan="2"><input id="r_username" type="text" name="username" style="width: 99%" /></td>
                    </tr>
                    <tr>
                        <td align="right">
                            <p>密码:</p>
                        </td>
                        <td align="left" colspan="2"><input id="r_password" type="password" name="password" style="width: 99%" /></td>
                    </tr>
                    <tr>
                        <td align="right" style="width:max-content;word-break:keep-all;">
                            <p>确认密码:</p>
                        </td>
                        <td align="left" colspan="2"><input id="r_password2" type="password" name="password2" style="width: 99%" /></td>
                    </tr>
                    <tr>
                        <td align="right">
                            <p>邀请码:</p>
                        </td>
                        <td align="left" colspan="2"><input id="r_invite" type="text" name="invite" style="width: 99%" /></td>
                    </tr>
                    <tr>
                        <td align="right">
                            <p>邮箱:</p>
                        </td>
                        <td align="left" colspan="2"><input id="r_email" type="email" name="email" style="width: 99%" /></td>
                    </tr>
                    <tr>
                        <td align="right">
                            <p>验证码:</p>
                        </td>
                        <td align="left"><input id="r_idCode" type="text" name="idCode" style="width: 99%" /></td>
                        <td><button type="button" class="btn btn-primary" onclick="register_idCode()" style="width:max-content;word-break:keep-all;">获取验证码</button></td>
                    </tr>
                    <tr>
                        <td colspan="2"><button type="button" class="btn btn-primary" onclick="register()">注册</button>
                        </td>
                    </tr>
                    <tr>
                        <td id="logIR-register-result" class="error" colspan="3"></td>
                    </tr>
                    <tr>
                        <td colspan="3"><button onclick='$.get("/user/invite/create?amount=1", console.log);
$.get("/user/invite/get", r => $("#r_invite").val(r[0]));'>测试按钮(邀请码)</button></td>
                    </tr>
                </table>
            </span>
        </span>
    </div>
</body>

</html>